<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="created" content="2018-10-23T06:18:10.521000000">
    <meta name="changed" content="2021-05-15T07:25:12.532000000">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="ru">
    <title>
      Personnaliser l'apparence
    </title>
    <link rel="stylesheet" type="text/css" href="../../style.css">
  </head>
  <body>
    <div class="maindiv">
      <h1>
        Personnaliser l'apparence
      </h1>
      <p>
        L'apparence par défaut est très utilisée et existe dans Logisim depuis de nombreuses années sans autres options. Si, toutefois, vous préférez que le sous-circuit soit dessiné différemment, vous pouvez sélectionner le menu <b class=menu>|&nbsp;Projet&nbsp;|</b>→<b class=menu>|&nbsp;Editer l’apparence du circuit&nbsp;|</b> et Logisim passera de l'interface <i>"édition du dessin"</i> à l'interface <i>"édition de l'apparence"</i> du circuit. Vous pouvez également cliquer sur l'icône à l'extrême droite (<img class="icontxt" src="../../../../img-guide/projdesign.png" alt="#########" width=16 height=16>) de la <a href="../gui/gui-toolsbar.html#tb4"> barre d'outils de l'explorateur</a>.<br> Ci-dessous, nous modifions l’aspect du multiplexeur 2:1 pour qu’il soit dessiné avec un trapèze habituel plutôt qu'un rectangle.
      </p>
      <p align="center">
        <img src="../../../img-guide/subcirc-5-custom-appear.png" alt="#########">
      </p>
      <p>
        En modifiant l'apparence du multiplexeur 2:1 dessiné ci-dessus, vous allez devoir probablement devoir réajuster le câblage des circuits qui utilisent le multiplexeur. Après cela, la disposition du multiplexeur 4:1 se présente naturellement comme suit.
      </p>
      <p align="center">
        <img src="../../../img-guide/subcirc-6-custom-layout.png" alt="#########">
      </p>
      <p>
        L'éditeur d'apparence se présente comme un programme de dessin traditionnel, mais il utilise quelques symboles spéciaux pour préciser certains paramètres du dessin du sous-circuit utilisé lorsqu'ils sont placés dans le dessin d'un circuit. Ces symboles spéciaux ne peuvent pas être supprimés.
      </p>
      <ul>
        <li>
          <p>
            Un cercle vert avec une ligne sortante, que nous appellerons <b>ancre</b> (<img class=intxt src="../../../../img-guide/anchor.png" alt="#########">). Il y a exactement une ancre dans chaque apparence d'un sous-circuit. Chaque composant d'un circuit a un seul point pour identifier sa position sur le dessin; un utilisateur observe cela lors de la création d'un nouveau composant: le clic de la souris identifie un seul point de l'écran et le composant est placé par rapport à ce point. L'ancre sera alignée avec ce point du dessin global lorsque le sous-circuit est créé et dessiné.
          </p>
          <p>
            <b>L'ancre</b> indique aussi l'orientation du composant quand il est inséré dans le dessin, elle en est le centre de rotation. L'orientation est indiquée par la direction de la ligne qui pointe du cercle. Dans le dessin du sous-circuit, il est possible de modifier l'orientation de l'ancre dans les propriétés. Cela indiquera quelle orientation aura le symbole quand on le dépose sur un circuit. Dans notre exemple l'ancre du sous-circuit <b class=reffig>Mux_2to1</b> est orientée à l'est et chaque instance du sous-circuit multiplexeur est également face à l'est dans le dessin du sous-circuit <b class=reffig>Mux_4to1</b>
          </p>
        </li>
        <li>
          <p>
            Les cercles bleus (<img class=intxt src="../../../../img-guide/pinoutput.png" alt="#########">) et les carrés avec un point (<img class=intxt src="../../../../img-guide/pininput.png" alt="#########">) sont les <b>connexions</b> du sous-circuit. Il y a exactement autant de symboles que de broche d'entrée et de sorties. Les connexions en entrée sont indiquées par des carrés et les connexions en sortie par des cercles. Chaque symbole indique comment un fil se connectant au circuit correspondra à une broche d'entrée ou de sortie dans la mise en page.
          </p>
          <p>
            Lorsque vous sélectionnez une connexion, Logisim indiquera la broche correspondante en faisant apparaitre un diagramme miniature de la disposition dans une fenêtre en bas à droite et la broche correspondante dessinée en bleu. Cela ne se fait pas si toutes les connexions sont sélectionnées.
          </p>
        </li>
      </ul>

      <p align="center">
        <img src="../../../img-guide/subcirc-7-custom-layout.png" alt="#########">
      </p>
      <p>
        Nous pouvons modifier le zoom de l'image avec un <b class="tkeybd">Ctrl+Molette Souris</b> ou à l'aide des boutons loupe ou du curseur en bas sur la gauche de l'espace de travail. Le taux est affiché.
      </p>
      <p>
        La barre d'outils contient des outils pour ajouter des formes supplémentaires, comme indiqué ci-dessous. Certaines touches (<b class="tkeybd">Ctrl,Alt,Maj</b>) ont un effet sur la manière dont les figures sont dessinées. Ces touches peuvent se combiner entre elles.
      </p>
      <blockquote>
        <b class="tkeybd">Ctrl</b>: aligne les points de terminaisons sur la grille.<br>
        <b class="tkeybd">Maj</b>: oriente les lignes sur un angle multiple de 45° ou rend symétrique les figures (Carré, Carré arrondi,Cercle)<br>
        <b class="tkeybd">Alt</b>: dessine les figures depuis leur centre.
      </blockquote>
      <p>
        Ci-dessous une petite présentation de chaque outil.
      </p>
      <table class=toolslist>
        <tbody>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/toolselect.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil Sélection :</strong> Sélectionne, déplace, copie, colle les symboles.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooltext.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil Text :</strong> Insert ou édite un text.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawline.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil Ligne :</strong> Crée un segment de ligne.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawcurv.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil Courbe :</strong> Crée une courbe de Bezier. Le premier <b class="tkeybd">clic</b> et glisser spécifie le début de la ligne, le second <b class="tkeybd">clic</b> et glisser termine la ligne et définit la courbure. Un <b class="tkeybd">clic</b> sur la ligne vous montre les trois points de contrôle. <b class="tkeybd">Maj</b> et clic sur point central de contrôle imposent une courbe symétrique. <b class="tkeybd">Alt</b> et clic sur point central dessine la courbe au travers du point de contrôle (sous la souris).
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawplin.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil Polylignes :</strong> Crée une séquence de lignes connectées, chaque <b class="tkeybd">clic</b> commence une nouvelle ligne. Un <b class="tkeybd">double-clic</b> termine la séquence.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawrect.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil rectangle :</strong> Crée un rectangle ou un carré (<b class="tkeybd">Maj</b>) en glissant depuis un angle vers l'angle opposé.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawrrct.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil rectangle :</strong> Crée un rectangle ou un carré (<b class="tkeybd">Maj</b>) à bord arrondi en glissant depuis un angle vers l'angle opposé.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawoval.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil ovale :</strong> Crée un ovale ou un cercle (<b class="tkeybd">Maj</b>) en glissant depuis d'un coin de son contour vers l'angle opposé.
            </td>
          </tr>
          <tr>
            <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawpoly.png" alt="#########" border="1">
            </td>
            <td>
              <strong>Outil polygone :</strong> Crée un polygone, chaque <b class="tkeybd">clic</b> commence un nouveau coté. Un <b class="tkeybd">double-clic</b> termine la séquence.
            </td>
          </tr>
		  <tr>
		   <td class=toolslist valign="top">
              <img class=inbullet src="../../../../img-guide/tooldrawdyncomp.png" alt="#########" border="1">
            </td>
			<td>
			  <strong>Composants dynamiques</strong> Place un composant dynamique. <b class="tkeybd">click</b> ouvre une fenêtre pour la sélection des composants dans les sous-circuits. 
            </td>
		   </tr>
        </tbody>
      </table>
      <p>
        <b>Suite:</b> <a href="sub-debug.html">Deboguer un sous-circuit</a>.
      </p>
    </div>
  </body>
</html>